<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>能量精选官网</title>
	<link rel="stylesheet" type="text/css" href="styles/reset.css">
	<link rel="stylesheet" type="text/css" href="styles/basic.css">
	<style>
		div #product_display {
			width:''
		}
	</style>
	<script type="text/javascript">
		function showItem(id){
			var obj = document.getElementById(id);
			obj.style.display="block";
		}

		function hiddenItem(id){
			var obj = document.getElementById(id);
			obj.style.display="none";
		}
		//banner图片自动播放功能
		var arr=[];
		arr[0] = "banner/banner1.png";
		arr[1] = "banner/banner2.png";
		arr[2] = "banner/banner3.png";
		arr[3] = "banner/banner4.png";
		var count=1;
		// 切换图片的功能
		function autoPlay(){
			if(arr.length==count){
				count=0;	
			}
			document.getElementById("banner1").src=arr[count];
			count++;
		}
		var Timer = setInterval(autoPlay,2000);
		 // 清空定时器
		 function clearTimer(){
		 	clearInterval(Timer);
		 }
		 //鼠标悬停时，播放指定的图片
		 function showBannerById(num){
		 	 clearTimer();
		 	 var index = parseInt(num);
		 	 document.getElementById("banner1").src=arr[index-1];
		 	 count = index;
		 }


		 function btnMouseout(){
		 	 Timer = setInterval(autoPlay,2000);
		 }
		 function changeHeight(){
		 	var QQ = document.getElementById("ask");
		 	
		 	QQ.style.top = document.documentElement.scrollTop+document.body.scrollTop+200+"px";
		 }
		 window.onscroll = changeHeight;
	</script>
</head>
<body>
<div class="container">
	<div class="">
		<div id="ask">
			<!-- <a href=""><img src="./images/service.png" alt=""></a> -->
		</div>
	</div>
	<!-- 顶部容器 -->
	<div id="header">
		<div id="logo " class="clearfix" >
			<div class="leftLogoSJZ" >
				<!-- <img src="icons/compony.png" width="100px" height="30px"> -->
				<span class="fontLogo" style="color:white;">能量精选</span>
			</div>
			<div class="rightLogo">
				<div class="navfont" style="margin-top: 40px;"  ><a href="#">设为首页</a><a href="#">|联系我们</a></div>
			</div>
		</div>
		<div id="mainMenu">
			<div class="menu clearfix" >
				<ul style="color:aliceblue;" >
					<li><a href="#"><p class="navfont">首页</p></a></li>
					<li onmouseover="showItem('nav1')" onmouseout="hiddenItem('nav1')"><a href="#" ><p class="navfont">关于我们</p></a></li>
					<li><a href="#"><p class="navfont">产品介绍</p></a></li>
					<li><a href="#"><p class="navfont">解决方案</p></a></li>
					<li><a href="#"><p class="navfont">成功案例</p></a></li>
					<li><a href="#"><p class="navfont">加盟合作</p></a></li>
					<li><a href="#"><p class="navfont">资料下载</p></a></li>
					<li><a href="#"><p class="navfont">联系我们</p></a></li>
				</ul>
			</div>	
			<div id="nav1">
				<ul onmouseover="showItem('nav1')" onmouseout="hiddenItem('nav1')">
					<li><a href="#">公司动态</a></li>
					<li><a href="#">产品介绍</a></li>
				</ul>
			</div>
		</div>	
	</div>
	<div class="banner">
		<ul>
			<li>
				<a href="">
					<img src="banner/banner1.png" alt="" id="banner1">
				</a>
			</li>
		</ul>
		<div id="spanBotton">
			<span onmouseover="showBannerById(1)" onmouseout="btnMouseout()">1</span>
			<span onmouseover="showBannerById(2)" onmouseout="btnMouseout()">2</span>
			<span onmouseover="showBannerById(3)" onmouseout="btnMouseout()">3</span>
			<span onmouseover="showBannerById(4)" onmouseout="btnMouseout()">4</span>
		</div>
	</div>
	<div id="main">
		<div id="main-top">
			<div class="leftItem">
				<div class="topTitle">
					<span>公司新闻 News</span>
				</div>
				<div class="topList">
					<div class="img"><img src="images/newsimg.jpg" alt=""></div>
					<ul>
						<li><a href="#">能量精选计划，承载大梦想&nbsp;&nbsp;&nbsp;&nbsp;2020-07-28</a></li>
						<li><a href="#">为宝贝浇水成长<span style="margin-left: 70px;">2020-08-04</span></a></li>
						<li><a href="#">开春要吃羊奶粉<span style="margin-left: 70px;">2020-02-22</span></a></li>
						<li><a href="#">能量精选喜获丰收<span style="margin-left: 70px;">2019-11-10</span></a></li>
					</ul>	
				</div>
			</div>
			<div class="middleItem">
				<div class="topTitle">
					<span>公司动态 Company</span>
				</div>
				<div class="topList"">
					<div class="img"><img src="images/companyimg.jpg" alt=""></div>
                    <p>河南第七范式信息科技有限公司成立于2020年07月10日，注册地位于河南省郑州市金水区区。计算机软硬件技术开发、技术咨询、技术服务、技术转让；信息电子技术服务；计算机系统集成；网页设计；平面设计；礼仪服务；企业形象设计；设计、制作、代理、发布国内广告业务；销售：计算机软硬件、网络设备、数码产品、办公用品、五金交电、灯具、电气设备、厨卫用品、家居用品、服装服饰、珠宝首饰、化妆品、水果蔬菜、保健食品、装饰材料、建材、自动化设备、通用机械设备、化工产品（不含危险化工产品）；市场营销策划；企业形象策划；会务服务；展览展示服务等。</p>
                </div>
			</div>
			<div class="rightItem">
				<div class="topTitle">
					<span>联系我们 Contact</span>
				</div>
				<div class="topList">
					<div class="img"><img src="./images/Contactimg.jpg" alt=""></div>
					<div class="mes">
                        <p style="font-weight:bold;">河南第七范式信息科技有限公司</p>
						<p>联系人：宣经理</p>
						<p>电话：13262271065</p>
						<p>QQ：1107160410</p>
						<p>邮箱：1107160410@qq.com</p>
						<p>地址：河南省信阳市市辖区高新区企业服务广场</p>
					</div>	
				</div>
			</div>
		</div>
		<div id="main-botton">
			<div id="product_display" style="width:'';">
				<div class="topTitle">
					<span>产品展示 Product Display</span>
				</div>
			
				<div id="demo" class="demoSJZ" style="width: 100%;">
					<div id="indemo">
						<div id="demo1">
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj8.jpg" alt=""></a>
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj2.jpg" alt=""></a>
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj3.jpg" alt=""></a>
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj4.jpg" alt=""></a>
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj5.jpg" alt=""></a>
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj6.jpg" alt=""></a>
							<a href="#"><img style="width:148px; height:156px;" src="images/ydj7.jpg" alt=""></a>
						</div>
						<div id="demo2"></div>
					</div>

				</div>

			</div>
        </div>
        <div id="main-bottom">					
			<div class="leftItemSJZ">
				<div class="topTitle">
					<span>产品介绍 Product</span>
				</div>
                <div class="topList" style="margin-bottom:-20px;">
					<div class="imgSJZ"><img style="width: 360px;height: 280px;" src="./images/sjzmush.jpg" alt=""></div>
					<div class="mesSJZ" style="line-height: 22px;">
						<p style="font-size: 20px;text-align: center;">能量精选</p>
						<hr />
						<p style="font-size: 13px;">&nbsp;&nbsp;能量精选是集各大母婴品牌商家为一体的母婴电商平台。 能量精选利用互联网链接消费者和优质商家资源，开创新型消费模式，购物额外获赠分红金，让“消费更省钱”，致力于让亿万宝妈共享更高品质生活！能量精选让用户越花越省钱。</p>
						<p style="font-size: 13px;">&nbsp;&nbsp;能量精选是母婴用品是立足于华中地区，从全球多家知名母婴品牌、于多家优质供货商达成战略合伙伙伴，满足从孕妈妈到6岁宝宝的一站式生活所需。</p>
						<p style="font-size: 13px;">&nbsp;&nbsp;遍及全球的优质好货，经过专业甄选，实惠的价格、顺畅的购物流程、满意的服务体验，一定会惊喜到你！ </p>
						<p style="font-size: 13px;">&nbsp;&nbsp;华中地区分享母婴电商的佼佼者，宝妈更是可以通过平台App里面的买家留言和意见反馈等功能定制订购所需私有商品，同时宝妈可以通过兼职身份做我们平台合伙人，与平台一起创造价值获取分红。</p>
                        <!-- <p>
                            《本草纲目》记载羊肚菌入五经入五脏，平性乃药食两用珍品，稀有珍贵，营养丰富，每百克
                            干样钾、磷含量是冬虫夏草的7倍和4倍。其中所含丰富的硒可运输大量的氧分子，来控制恶性
                            肿瘤，促使癌细胞失活，具有治疗恶性肿瘤、类风湿、糖尿病、高血压、高血脂，中风偏瘫等诸多疾病的神奇功效。
                        </p> -->
					</div>	
				</div>
			</div>
        </div>
    </div>	
		<div class="banquan">
			<p class="bq_p1">版权所有：河南第七范式信息科技有限公司    备案号：<a href="http://beian.miit.gov.cn/">豫ICP备2020028571号-2</a><br>
		 电 话：13262271065     传 真：0376 - 7303238     微信： 13262271065<br />
		 地址：河南省信阳市市辖区高新区企业服务广场5楼1504室</a></p>
		</div>

</div>
<script type="text/javascript">
var speed=100;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
//用于让tab1的内容与tab2的内容一样
tab2.innerHTML=tab1.innerHTML
function Marquee(){
//当元素要显示tab2的内容时，让他去显示tab1的内容，因为tab1与tab2的内容一样，就实现了滚动，因为速度太快了，所以你就堪称他是连续的了
if(tab2.offsetWidth-tab.scrollLeft<=0){
tab.scrollLeft-=tab1.offsetWidth
}
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
</body>

</html>